<template>
  <div class="wx">
    <div class="wx_title">关注微信</div>
    <div class="dis wx_title2">
      <div class="wx_title2_font1">木伯乐</div>
      <div class="wx_title2_font2 ml_10">{{time}}</div>
    </div>

    <div class="w_all">
      <img
        data-src="http://mmbiz.qlogo.cn/mmbiz/mj9u1OBZRqP8EvePIzqrRIHCHOzYM4ngP2fHJfy5Qich8ZfTSE1vKM6WQ3weYClQqMbdx8KjRfmuZmcgC0SgvXA/0/mmbizgif"
        data-ratio="0.11928429423459244"
        data-w
        width="auto"
        style="font-size: 16px; white-space: normal; width: auto !important; height: auto !important; visibility: visible !important;"
        _width="auto"
        src="../../assets/images/mmbizgif.gif"
        crossorigin="anonymous"
        class
        data-fail="0"
      />
    </div>

    <div class="wx_font1">扫描下方二维码关注木伯乐！</div>

    <div>
      <img
        data-src=""
        data-ratio="1"
        data-w="430"
        width="auto"
        style="color: rgb(0, 156, 157); font-family: 宋体; line-height: 27.9861px; white-space: normal; overflow-wrap: break-word !important; box-sizing: border-box !important; visibility: visible !important; width: auto !important; height: auto !important;"
        _width="auto"
        class
        src="../../assets/images/mubolecode.jpg"
        crossorigin="anonymous"
        data-fail="0"
      />
    </div>
  </div>
</template>

<script>
import {
  Tag,
  Col,
  Row,
  Icon,
  Field,
  Cell,
  CellGroup,
  Swipe,
  SwipeItem,
  GoodsAction,
  GoodsActionBigBtn,
  GoodsActionMiniBtn
} from "vant";

export default {
  components: {
    [Tag.name]: Tag,
    [Row.name]: Row,
    [Field.name]: Field,
    [Col.name]: Col,
    [Icon.name]: Icon,
    [Cell.name]: Cell,
    [CellGroup.name]: CellGroup,
    [Swipe.name]: Swipe,
    [SwipeItem.name]: SwipeItem,
    [GoodsAction.name]: GoodsAction,
    [GoodsActionBigBtn.name]: GoodsActionBigBtn,
    [GoodsActionMiniBtn.name]: GoodsActionMiniBtn
  },

  data() {
    return {
      time: new Date().getFullYear()+"-" + (new Date().getMonth()+1) + "-" + new Date().getDate()
    };
  },

  methods: {}
};
</script>

<style lang="less">
@import "../../base.css";
.wx {
  padding: 20px 16px;
  box-sizing: border-box;
  width: 100%;
  &_font1 {
    color: rgb(255, 0, 0);
    font-size: 24px;
    word-wrap: break-word !important;
    font-weight: 600;
  }
  &_title {
    font-size: 22px;
    line-height: 1.4;

    margin-bottom: 14px;
  }
  &_title2 {
    margin-bottom: 22px;
    line-height: 20px;
    &_font1 {
      color: #576b95;
    }
    &_font2 {
      color: rgba(0, 0, 0, 0.3);
    }
  }
}
</style>
